Lifeline—Responsive, Non-Profit, Church, Charity, NGO Premium WP Theme

• Download and unzip the WordPress package.
• Create a database for WordPress on your web server and a MySQL user.
• Locate and rename wp-config-sample.php to wp-config.php. Edit the file and add your database information.
• Upload the WP files to the desired location on the web server.
• Access the URL in a web browser and run the WP installation script. Note: This will be the same URL where you uploaded the WP files.

• Go to “Appearance => Themes” on the side menu of WP Dashboard
• Click on “Add New” => “Upload” => “Choose File” and select the file from your PC.
• Click on “Install Now” and the chosen theme will be installed.

After you install the Lifeline WP theme, a Light Box will appear asking you to install the required plugins with the option “Begin Installing Plugin”. Click on it and install the plugins “Visual Composer” and “Revolution Slider” and “WooCommerce”. Install the plugins one by one and activate them.

• Go to “Plugins => Install Plugins” on the side menu of WP Dashboard
• Click on “Add New”
• Put the term “WordPress Importer” in the search bar and click on “Search Plugins” option.
• As the search results are displayed in the form of list, locate the “WordPress Importer” (version 0.6.1) and click on the option “Install Now”. Install and activate it.

• Go to “Tools => Import” on the side menu of WP Dashboard
• Click on “WordPress” option appearing on the bottom of the import WP dashboard to import files given in the “.xml” file.
• Click on “Choose File” option and select the .xml file provided in the package.
• Click on “Upload File and Import”.
• After the files have been uploaded and imported, check the check box “Download and Import File Attachments”.
• Click on “Submit”.
• After the process of submission is over, go to the end of the submission list. Locate “All done. Have fun!” Click on it.
• Now go to “Theme Options” dashboard and locate the option “Import Default Settings” to the top right side of the page and click on it. That is all—your demo installation will be complete.

i. If you don’t click on “All done. Have fun!” the process of Demo installation will remain incomplete and you won’t get expected results.

ii. It is also very necessary to click on “Import Default Settings”, present at the top right side of the “Theme Options” dashboard.

• Go to “Appearance => Menus” on the side menu of WP Dashboard
• Click on “Manage Locations” and go to the options “Main Menu”.
• Go to the menu selection dropdown and select “Main Menu” and click on “Save Changes” button.
• Go to the tab “Edit Menus” and locate “Menu Settings”.
• Put a check in the check box of “Main Menu” on the bottom of the dashboard.
• Click on “Save Menu” on the bottom.

• Go to “Theme Options” => “General Settings” => “Choose Header Style”
• Click on the Radio Button of anyone of the Header Styles which you want to apply.
• Click on “Save All Changes” option, given on the bottom.

• Go to “Theme Options” => “General Settings” => “Choose Header Style”
• Scroll the page down and locate the option of “Logo Image”.
• Click on “Browse” and a pop up window will appear.
• Upload the Logo Image from your PC by clicking on “Select Files”.
• After the image has been uploaded, scroll the page down and click on “Insert into Post”. The pop up window will disappear.
• Click on “Save All Changes” option, given on the bottom.

• Go to “Theme Options” => “General Settings” => “Choose Header Style”
• Scroll the page down and locate the option of “Logo Size”.
• Give the width and height for Logo in the input boxes of “Logo Width” and “Logo Height”, respectively.
• Click on “Save All Changes” option, given on the bottom.

• Go to “Appearance” => “Widgets” on the side menu of WP Dashboard
• Go to the Footer Sidebar to the right side of the Widgets dashboard.
• Click on the “Footer Sidebar” and the widgets provided on the footer will be displayed.
• Click on each of the available footer widgets one by one. Click on “Save” option, provided in each of the widgets, and all the widgets will be displayed in the Footer properly.

• Go to “Pages” => “All Pages” => “Home”
• Click on the “Edit” option given below “Home”.
• Click on the “Edit” option of the “Recent News” section. A light box will appear for editing the “Recent News” section.
• Scroll down the page of the Light Box to locate the “Number” option. Here enter the number of posts, provided in this section, which should be at least 4 or more.
• Click on the “Save” option, and the light box will disappear.
• Click on “Update” option to update the page.

If you keep the number of posts 3 or less, the carousel in the section of “Recent News” will not work. So, for the carousel to work, the number of posts should be at least 4 or more than that.

If you are encountering the problem of stretchy or imbalanced or improper image in the “Recent News” section, it might be because of the inappropriate size of the image being uploaded. So, please ensure that the size of the image you are uploading in the “Recent News” section must be 570x388 (width and height) in pixels.

• Go to “Projects” => “All Projects” on the side menu of WP Dashboard. List of all the projects in the “Our Welfare Projects” section will be displayed on the “All Projects” Dashboard.
• Click on the “Edit” option given below the name of the project whose Font Awesome icon is not visible in the “Our Welfare Projects” section.
• Scroll the page down and go to the “Display Settings”.
• Click on the “Service Icon” dropdown. A dropdown list will appear. Click on any of the Font Awesome Icon’s name which you want to apply to that particular project.
• Click on “Update” option to update the page.

• Go to “Appearance => Menus” on the side menu of WP Dashboard
• Go to the menu selection dropdown and select “Main Menu” and click on “Save Menu” option on the top.
• Put a check in the check box of “Main Menu” on the bottom.
• Click on “Save Menu” on the bottom.

• Go to “Pages/Posts/Teams” => Add New” on the side menu of WP Dashboard
• Go to the bottom and locate the option “Top Image”.
• Click on “Browse” => “Select Files” and choose image from your PC.
• Click on “Publish” to apply the selected image on the header background.

• Go to “Theme Options” => “General Settings”
• Locate the option “Theme Color Scheme” and click on the Radio Button of “Predefined Color Scheme”
• Go to the dropdown can select any of the available pre-defined color schemes.
• Click on “Save All Changes” option, given on the bottom.

• Go to “Theme Options” => “Font Options” => “Heading Fonts”
• Select the required Heading Font Family from the dropdown list for any of the 6 built-in Heading Typography styles, i.e. H1, H2 … H6.
• Click on “Save All Changes” option, given on the bottom.

It is not necessary that you choose same Font Family for all the Heading Typography styles, i.e. H1, H2 … H6. You can choose the Font Family of your own choice for any of these options.

• Go to “Theme Options” => “Font Options” => “Body Fonts”
• Select the required Body Font Family from the dropdown list for “Body Font Options”, Grey Area Typography” and “Footer Options”.
• Click on “Save All Changes” option, given on the bottom.
Note:

It is not necessary that you choose same Font Family for all the Body Fonts, i.e. “Body Font Options”, Grey Area Typography” and “Footer Options”. You can choose the Font Family of your own choice for any of these options.

• Go to “Pages” => “All Pages” => “Home”
• Click on the “Edit” option given below “Home”.
• Click on the “Edit” option of the “Our Causes” section. A light box will appear for editing the “Our Causes” section.
• Scroll down the page of the Light Box to locate the “Donation Section”.
• Click on the dropdown of the “Donation Section” and select “True” or “False” to show or hide (add or remove) the Donate Us box from the Homepage, respectively.
• Click on the “Save” option, and the light box will disappear.
• Click on “Update” option to update the page.

i. If you show the “Donate Us” box on the Homepage, 3 posts of the “Our Causes” section will be displayed. However, if you remove the “Donate Us” box, 4 posts of the “Our Causes” section will be shown.

ii. So, in case you remove the Donate Us box, provide at least 4 posts in the Our Causes section for proper full-width display.

iii. Moreover, for the “Our Causes Carousel” to work in the absence of Donate Us box, you need to provide at least 5 posts.

• Go to “Theme Options” => “Donation Settings” => “Donation Settings (sub-menu)”
• Edit the donation options, like Title, PayPal Type, Currency Symbol, Amount Raised, Target Amount, and so on.
• Click on “Save All Changes” option, given on the bottom.

• Go to “Projects” => “All Projects” on the side menu of WP Dashboard. List of all the projects in the “Our Welfare Projects” section will be displayed on the “All Projects” Dashboard.
• Click on the “Edit” option given below the name of the project where you want to add ‘cursor hover’ values on the Font Awesome Icon. These values appear as you bring cursor over the project’s icon.
• Scroll the page down and go to the “Amount Information”. Click on it to open the options box.
• Put in the “Currency Symbol”, “Spent Amount” and “Amount Needed” in the input boxes of the respective option.
• Click on “Update” option to update the page.

• Go to “Appearance => Menus” on the side menu of WP Dashboard
• Go to the menu selection dropdown and select “Footer Menu” and click on “Save Menu” option on the top.
• Put a check in the check box of “Footer Menu” on the bottom.
• Click on “Save Menu” on the bottom.

• Go to “Theme Options” => “General Settings” => “Footer Settings”
• Turn the Footer on/off from the On/Off Switch.
• Click on “Save All Changes” option given on the bottom.

Turning the Switch On/Off will make visible/invisible only the widgets area of the Footer section. The part of the Footer section, below the widgets area, will always be visible.

• Go to “Theme Options” => “General Settings” => “Footer Settings”
• Go to the bottom and locate the option “Top Image”.
• Locate the option, “Footer Background” and click on “Browse”
• Click on “Select Image” and choose image from your PC.
• Click on “Save All Changes” option given on the bottom.

• Go to “Appearance” => “Widgets” on the side menu of WP Dashboard
• Locate the “Footer Sidebar” on the right side of the WP Dashboard.
• Drag widgets from the “Available Widgets” area and drop them on the “Footer Sidebar”.

• Go to “Theme Options” => “General Settings” => “Choose Header Style”
• Click on the Radio Button of anyone of the Header Styles which you want to apply.
• Click on “Save All Changes” option, given on the bottom.

• Go to “Theme Options” => “General Settings” => “Top Bar Settings”
• Give information in the input boxes of “Address”, “Phone Number” and “Email Address”.
• Click on “Save All Changes” option, given on the bottom.

• Go to “Theme Options” => “General Settings” => “Choose Header Style”
• Locate “Logo Settings” and go to the “Favicon” option.
• Click on “Browse” and upload image from your PC.
• Click on “Save All Changes” option, given on the bottom.

• Go to “Theme Options” => “General Settings” => “Choose Header Style”
• Locate “Logo Settings”.
• Go to the option of “Use Logo Text”, and switch it on.
• Enter text for the logo in the space provided for the purpose.
• Choose color for the Logo Text from the color picker.
• Select the Font Size, Font Family and Font Style.
• Click on “Save All Changes” option, given on the bottom.

• Go to “Pages” => “All Pages” on the side menu of WP Dashboard. All the available pages will be shown in the form of a list.
• Click on the “Edit” option of any of the available pages from where you want to remove a section.
• All the sections present on a particular page are displayed. In order to remove any of these sections, just delete it by clicking on “x” option.
• Click on the “Update” option and the given section will be removed from that page.

• Go to “Pages” => “All Pages” on the side menu of WP Dashboard. All the available pages will be shown in the form of a list.
• Click on the “Edit” option of any of the available pages where you have problem with the visibility of the contents of a particular section.
• Click on the “Edit” option of the section and a pop-up window will appear.
• Select a category from the “Category” dropdown.
• Click on “Save” and then update the page.

• Go to “Pages” => “All Pages” on the side menu of WP Dashboard. All the available pages will be shown in the form of a list.
• Click on the “Edit” option of any of the available pages where you want to set the top and bottom margins.
• Click on the “Edit” option of any of the available sections of the given page for which you want to set the top and bottom spacing.
• As you click on the “Edit” option of any section, a pop-up window will appear.
• Here you can locate the option of “Margins” with check boxes for “Top Margin” and “Bottom Margin”. Check either one or both of the check boxes.
• Click on “Save” and then update the page.

i. If you want to give margin only on the top of a section, put a check mark only in the check box of “Top Margin.

ii. For giving spacing on the bottom of a section, put a check in the “Bottom Margin” check box.

iii. You can also check both the boxes to give spacing on the top as well as bottom of a section.

• Go to “Theme Options” => “General Settings” => “Choose Header Style”
• Go to the bottom and locate the options “Logo Image” and “Logo Size”.
• Click on the option of “Remove/Upload” and choose image from your PC.
• Now adjust the size of the logo (width and height in pixels) according to your requirement.
• Click on “Save All Changes” option given on the bottom.

• Go to “Appearance” => “Menus” => “Manage Locations”
• Selection the option “Footer Menu” from the dropdown of “Main Menu” as well as “Footer Menu”.
• Click on “Save Changes” button.
• Go back and click on the “Edit Menu” tab.
• Go to the bottom of the page and put a check in the check box of “Footer Menu” and then click on “Save Menu”.

• Go to “Theme Options” => “Sidebar Options”
• Locate the option of “Sidebar Position”. Choose the position of sidebar on the page by putting a check in the “Left” or “Right” radio button.
• Click on “Save All Changes” option given on the bottom.

You can use this option of “Sidebar Position” only on the pages where sidebar is present.

• Go to “Theme Options” => “Sidebar Options”
• Locate the option of “Sidebar Creator”.
• Click on “Add More” option, and give a name for the sidebar. A new sidebar will be added.
• Click on “Save All Changes” option given on the bottom.

i. Besides creating a new sidebar, you can also remove any of the existing sidebars by clicking on the “Remove” option.

ii. As you create a new sidebar, it can be viewed on the Widgets Dashboard (Appearance => Widgets) to the right side.

iii. If you want to add widgets in the newly created sidebar, just go to “Appearance => Widgets” and add widgets by drag and drop method.

iv. You can use sidebar only on the Page Templates which have built-in support for sidebar, e.g. Events Page, and so on.

v. To show a newly created sidebar on a particular sidebar-supporting page, go to the “Edit” option of that page. Apply it by clicking on the name of the sidebar from the sidebar dropdown list.

vi. These sidebars do not work on the default pages.

• Go to “Theme Options” => “Page Settings”
• Locate the option of “404 Page Image” and click on “Browse” button. A pop up window will appear where you can upload an image from your PC by clicking on “Select Files”.
• After the image has been uploaded, scroll the page down and click on “Insert into Post” button. The pop up window will disappear and you will be back on the “Page Settings” dashboard.
• Give “404 Page Heading”, “404 Page Sub Heading”, “404 Page Colored Main Title”, “404 Page Sub Title”, “404 Page Content Heading” and “404 Page Content” in the respective input boxes.
• According to your requirement, switch the “Page Comments Status” on or off from the “On/Off Button”.
• Click on “Save All Changes” option given on the bottom.

• Go to “Theme Options” => “Blog Settings”
• Locate the option of “Blog Heading Text” and put blog heading text in the input box.
• From the option of “Blog Heading Font Settings”, you can choose the desired Font Size, Font Style, Font Family and pick a color for the logo text.
• In the same way, provide sub heading text and customize the Font Settings.
• Go to the option “Blog Layout” and select the layout for your Blog.
• Click on “Save All Changes” option given on the bottom.

i. If you want to set a blog page without sidebar, choose the option “Blog Wide” from the “Blog Layout” dropdown list.

ii. For creating a sidebar to the left on the blog page, choose the option “Left Sidebar Layout” from the “Blog Layout” dropdown list.

iii. For creating a sidebar to the right on the blog page, choose the option “Right Sidebar Layout” from the “Blog Layout” dropdown list.

• Go to “Theme Options” => “Layout Settings”
• Locate the option of “Use Boxed Layout” and switch it on or off according to your requirement.
• Go to the option of “Home Page Boxed Layout”, and switch it on or off according to your requirement.
• You can also adjust width for the boxed layout from the option “Home Page Boxed Layout Width” dropdown.
• Click on “Save All Changes” option given on the bottom.

• Go to “Theme Options” => “Layout Settings”
• Locate the option of “Predefined Patterns” and select any one of the predefined backgrounds from the dropdown list.
• If you want to apply an image of your own choice, just go to “Pattern Image” and upload an image by clicking on the “Browse” option. A pop up window will appear where you can upload an image from your PC by clicking on “Select Files”. After the image has been uploaded, scroll the page down and click on “Insert into Post” button. The pop up window will disappear and you will be back on the “Layout Settings” dashboard.
• Click on “Save All Changes” option given on the bottom. You are done now.

• Go to “Theme Options” => “Contact Page Options” => “Countries Slider”
• Locate the option of “Add Countries”.
• For adding more images, scroll the page down and click on “Add More”. A new row will be added where you can upload image by clicking on “Browse”. A pop up window will appear. Click on “Select Files” and choose image file from your PC. After uploading the image, scroll the page down and click on “Insert into Post” option. The pop up window will disappear, and you will be back on the “Countries Slider” Dashboard.
• For removing any of the present images, click on “Remove Upload” and the given image will be removed.
• After you are done with adding/removing images, click on “Save All Changes” option given on the bottom.